<template>
  <div id="fiverightE" class="homeEchartsClass"></div>
</template>

<script>
import * as echarts from "echarts";

export default {
  data() {
    return {
      echarts: [
        "1月",
        "2月",
        "3月",
        "4月",
        "5月",
        "6月",
        "7月",
        "8月",
        "9月",
        "10月",
        "11月",
        "12月",
      ],
    };
  },

//   mounted() {
//  this.$nextTick(() => {
//     this.myChart = echarts.init(document.getElementById("fiverightE"));

//   })
//   window.addEventListener("resize", () => {
//   	// 判断是否存在，直接调用resize方法
//     if (this.myChart) this.myChart.resize()
//   })


//     let chartDom = document.getElementById("fiverightE");
//     let myChart = echarts.init(chartDom);
//     let option;

//     option = {
//       color: ["#683EE8", "#D53FE4"],
//       tooltip: {
//         trigger: "axis",
        
//       },
//       legend: {
//         icon:"rect",
//         itemHeight: 3,
//         itemWidth: 10,
//         itemGap:20,
//         //图例位置
//         orient: "horizontal",
//         bottom: 155,
//         data: [
//           "银联工作催办总量",
//           "华夏工作催办总量",
         
//         ],
//       },
//       grid: {
//         left: "2%",
//         right: "2%",
//         bottom: "35%",
//         containLabel: true,
//       },
//       toolbox: {
//         feature: {
        
//         },
//       },
//       xAxis: {
//         type: "category",
//         boundaryGap: false,
//         data: this.echarts,
//         axisTick: {
//           show: false,
//         },
//       },
//       yAxis: {
//         type: "value",
//       },

//       series: [
//         {
//           name: "银联工作催办总量",
//           type: "line",
//           stack: "Total",
//           data: [120, 132, 101, 134, 90, 230, 210, 132, 101, 134, 90, 230, 210],
//           showSymbol: false,
//         },
//         {
//           name: "华夏工作催办总量",
//           type: "line",
//           stack: "Total",
//           data: [
//             220, 182, 191, 234, 290, 330, 310, 132, 101, 134, 90, 230, 210,
//           ],
//           showSymbol: false,
//         },
      
//       ],
//     };

//     option && myChart.setOption(option);
//   },
//    watch: {
//    "$store.state.app.sidebar.opened"() {
//        setTimeout(() => {
//            this.myChart.resize()
//        }, 300)
//    }
// }
};
</script>

<style lang='scss' scoped>
.homeEchartsClass {
  width: 100%;
  height: 100%;
}
</style>